import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [{
	path: '/',
	redirect: '/home'

}, {
	path: '/login',
	name: 'login',
	component: () => import('../views/Login.vue')
}, {
	path: '/home',
	name: 'Home',
	component: Home
}, {
	path: '/userlist',
	name: 'UserList',
	component: () => import('../views/User/List.vue')
},
{
	path: '/about',
	name: 'About',
	// route level code-splitting
	// this generates a separate chunk (about.[hash].js) for this route
	// which is lazy-loaded when the route is visited.
	component: () => import( /* webpackChunkName: "about" */ '../views/About.vue')
}
]

const router = new VueRouter({
	routes
})

export default router
